<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <canvas id="canvas1"  width="600" height="600"></canvas>
        <script type="text/javascript">
        
            var canvas1 = document.querySelector("#canvas1");
            var ctx = canvas1.getContext("2d");

            ctx.beginPath();
            ctx.moveTo(50,50);
            ctx.lineTo(123,64);
            ctx.lineTo(500,345)
            ctx.closePath();
            ctx.lineCap="round";
            ctx.lineJoin = "round"
            ctx.lineWidth = 20;
            ctx.strokeStyle = "skyblue"
            ctx.stroke();
        
        
        
        </script>
    </body>
</html>